8f:I[903690,["/chat-static/_next/static/chunks/0rt9odizr-jjb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/36mpl_ygnfrn4.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/43tm4sfuv-bre.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/07ek7rah7ke6w.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/36289i9wjcw91.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0tk-9_pd_t87z.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1frdulrl5q9n5.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/18z38_es0jdvv.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2vk7zslp0se6a.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2e_g7o1snt_96.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3xhe4ju57na2c.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2u859s2mzgnxb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/chunks/0rt9odizr-jjb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/36mpl_ygnfrn4.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/035w0wg2gxyor.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0mi4y0w4pl0wu.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/43tm4sfuv-bre.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/14v7b-gixg9wk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3xrj_hsp3fmgn.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1xdkpdc84l3q9.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2q7fs4m_uamv5.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/34jb4285p3p7e.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/07ek7rah7ke6w.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1jfrn9u40szv6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3c4glqozsbxzk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2kohmem-6ngwr.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3u--blmtci52c.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3bbsz6yb3u_4l.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0g1vo6dajj3ur.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0w7-fmksgb7nb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3wi82p7qvjxfb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3lzqzvqvppdbz.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1z4v54v0ctlnj.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2sjnzs7s258hc.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/36289i9wjcw91.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/0tk-9_pd_t87z.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1d5cm3g8z-wmq.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1q89dw-c_44o_.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2cjw3-k1vrcs3.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/29z3h6t0tfllm.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/127p2zuv79gkk.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2zak2d_u5iko3.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1ywag30-9ka99.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3qg3qz7pjnemd.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2gumkeigv5cf6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1frdulrl5q9n5.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/32f_k_-32djl6.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/1lq145b3vyg4-.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/18z38_es0jdvv.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2vk7zslp0se6a.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2e_g7o1snt_96.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2_ncwtp5_4p4i.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/3xhe4ju57na2c.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/112s1d0t63y17.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u","/chat-static/_next/static/chunks/2u859s2mzgnxb.js?dpl=dpl_C9sepNS4xdgQivsvR9tkSmegKY4u"],"SWRDataProvider"] 91:Tb18f,[V0_FILE]python:file="lib/docling-parser.tsx" isMerged="true" export class DoclingConverter { constructor() { this.simpleTagMap = { doctag: "div", document: "div", ordered_list: "ol", unordered_list: "ul", list_item: "li", caption: "figcaption", footnote: "sup", formula: "div", page_footer: "footer", page_header: "header", picture: "figure", chart: "figure", table: "table", otsl: "table", text: "p", paragraph: "p", title: "h1", document_index: "div", form: "form", key_value_region: "dl", reference: "a", smiles: "span", } this.selfClosingTagMap = { checkbox_selected: '', checkbox_unselected: '', page_break: '

', } this.TABLE_TAG_CONFIG = { "": { htmlTag: "th" }, "": { htmlTag: "th", scope: "row" }, "": { htmlTag: "th", scope: "row" }, "": { htmlTag: "td" }, "": { htmlTag: "td" }, "": { htmlTag: "td" }, "": { htmlTag: "td" }, "": { htmlTag: "td" }, } this.TABLE_TAG_REGEX = new RegExp(`(${Object.keys(this.TABLE_TAG_CONFIG).join("|")})`) const selfClosingNames = Object.keys(this.selfClosingTagMap).join("|") this.combinedTagRegex = new RegExp(`(<([a-z_0-9]+)>(.*?)<\\/\\2>)|(<(${selfClosingNames})>)`, "s") } escapeHtml(text) { if (!text) return "" return text.replace(/&/g, "&").replace(//g, ">").replace(/"/g, """) } convert(docling) { let html = ` ${docling} ` html = this.cleanupMetadataTokens(html) html = this.processTags(html) return html.trim() } processTags(text) { let remainingText = text let result = "" while (remainingText.length > 0) { const match = remainingText.match(this.combinedTagRegex) if (match && typeof match.index === "number") { const textBefore = remainingText.substring(0, match.index) result += this.escapeHtml(textBefore) const fullMatch = match[0] const pairedTagName = match[2] const pairedContent = match[3] const selfClosingTagName = match[5] if (pairedTagName !== undefined) { result += this.convertSingleTag(pairedTagName, pairedContent) } else if (selfClosingTagName !== undefined) { result += this.selfClosingTagMap[selfClosingTagName] || "" } remainingText = remainingText.substring(match.index + fullMatch.length) } else { result += this.escapeHtml(remainingText) break } } return result } convertSingleTag(tagName, content) { if (tagName === "list_item") { content = content.trim().replace(/^[·-]\s*/g, "") } switch (tagName) { case "code": return this.convertBlockCode(content) case "otsl": return this.convertTable(content) case "picture": case "chart": return this.convertPictureOrChart(tagName, content) case "inline": return this.convertInlineContent(content) case "section_header_level_0": case "section_header_level_1": case "section_header_level_2": case "section_header_level_3": case "section_header_level_4": case "section_header_level_5": const level = Number.parseInt(tagName.at(-1), 10) + 1 return `${this.processTags(content)}` default: const htmlTag = this.simpleTagMap[tagName] if (htmlTag) { const processedContent = this.processTags(content) const startTag = this.getStartTag(tagName, htmlTag) return `${startTag}${processedContent}` } console.warn(`Unknown tag encountered: ${tagName}, escaping it.`) return this.escapeHtml(`<${tagName}>${content}`) } } getStartTag(doclingTag, htmlTag) { switch (doclingTag) { case "doctag": case "document": return '

' case "formula": return '

' case "document_index": return '

' case "smiles": return '' case "reference": return '' default: return `<${htmlTag}>` } } convertInlineContent(content) { const inlineTagRegex = /<(code|formula|text|smiles)>(.*?)<\/\1>/s let remainingText = content let result = "" while (remainingText.length > 0) { const match = remainingText.match(inlineTagRegex) if (match && typeof match.index === "number") { const textBefore = remainingText.substring(0, match.index) result += this.escapeHtml(textBefore) const [fullMatch, tagName, innerContent] = match switch (tagName) { case "code": const langRegex = /<_(.*?)_>/ const langMatch = innerContent.match(langRegex) if (langMatch && langMatch[1]) { const language = this.sanitizeLanguageName(langMatch[1]) const codeContent = innerContent.replace(langRegex, "").trim() const escapedCode = this.escapeHtml(codeContent) const langClass = language !== "unknown" ? ` class="language-${language}"` : "" result += `${escapedCode}` } else { result += `${this.escapeHtml(innerContent)}` } break case "formula": result += `${this.escapeHtml(innerContent)}` break case "smiles": result += `${this.escapeHtml(innerContent)}` break case "text": result += this.escapeHtml(innerContent) break } remainingText = remainingText.substring(match.index + fullMatch.length) } else { result += this.escapeHtml(remainingText) break } } return result } convertBlockCode(content) { const langRegex = /<_(.*?)_>/ const langMatch = content.match(langRegex) let language = "unknown" let codeContent = content if (langMatch && langMatch[1]) { language = this.sanitizeLanguageName(langMatch[1]) codeContent = content.replace(langRegex, "").trim() } const escapedCode = this.escapeHtml(codeContent) const langClass = language !== "unknown" ? ` class="language-${language}"` : "" return `

${escapedCode}

` } convertTable(content) { const rows = content .trim() .split(//) .filter((row) => row.length > 0) const cellGrid = [] rows.forEach((rowStr, rowIndex) => { var _a const parts = rowStr.split(this.TABLE_TAG_REGEX) const currentRow = [] let gridColIndex = 0 for (let i = 1; i < parts.length; i += 2) { const tag = parts[i] const cellContent = parts[i + 1] || "" switch (tag) { case "": if (currentRow.length > 0) { currentRow[currentRow.length - 1].colspan++ } break case "": if (rowIndex > 0 && ((_a = cellGrid[rowIndex - 1]) === null || _a === void 0 ? void 0 : _a[gridColIndex])) { cellGrid[rowIndex - 1][gridColIndex].rowspan++ } gridColIndex++ break case "": if (currentRow.length > 0) { currentRow[currentRow.length - 1].colspan++ } break default: if (this.TABLE_TAG_CONFIG[tag]) { currentRow.push({ content: cellContent, tag, colspan: 1, rowspan: 1, }) gridColIndex++ } break } } cellGrid.push(currentRow) }) const htmlRows = cellGrid .map((row) => { const cellsHtml = row .map((cell) => { const config = this.TABLE_TAG_CONFIG[cell.tag] if (!config) return "" const attrs = [] if (cell.colspan > 1) attrs.push(`colspan="${cell.colspan}"`) if (cell.rowspan > 1) attrs.push(`rowspan="${cell.rowspan}"`) if (config.scope) attrs.push(`scope="${config.scope}"`) const processedContent = this.processTags(cell.content) const attrString = attrs.length > 0 ? ` ${attrs.join(" ")}` : "" return `<${config.htmlTag}${attrString}>${processedContent}` }) .join("") return `${cellsHtml}` }) .join("") return `${htmlRows}

` } convertPictureOrChart(tag, content) { if (/<(fcel|ched|rhed)>/.test(content)) { const cleanedContent = content.replace(/<[a-z_]+>/g, (match) => { if ( match.startsWith("(.*?)<\/caption>/s const captionMatch = content.match(captionRegex) if (captionMatch && captionMatch[1]) { const captionContent = this.processTags(captionMatch[1]) captionHtml = `

${captionContent}

` } const contentWithoutCaption = content.replace(captionRegex, "") const classificationRegex = /<([a-z_]+)>/ const classMatch = contentWithoutCaption.match(classificationRegex) let altText = tag if (classMatch) { altText = classMatch[1].replace(/_/g, " ") } const imgHtml = ` ${this.escapeHtml(altText)}

) }) } return (

{showV0Modal && (

Deployment Required

This application requires deployment to function properly

The Granite Docling WebGPU playground uses advanced machine learning models that cannot run in the v0 preview environment due to technical limitations with module loading.

To use this application:

About

Tags

Share

About

Tags

Share

More from camilocbarrera

More Templates Like This